<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>权限列表</title>
    <link rel="stylesheet" type="text/css" th:href="@{/manager/easyui/themes/default/easyui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/manager/easyui/themes/icon.css}">
    <script type="text/javascript" th:src="@{/manager/easyui/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/manager/easyui/jquery.easyui.min.js}"></script>
	<script type="text/javascript">
	    //工具栏
	    var toolbar = [{
	        text: '修改',
	        iconCls: 'icon-edit',
	        handler: function () {
	            $('#dd').dialog('open');
                var row =$('#userlist').datagrid('getSelected');
                $('#id').textbox('setValue',row.id);
                $('#permissionUrl').textbox('setValue',row.url);
                $('#permissionName').textbox('setValue',row.name);
                $('#permissionSname').textbox('setValue',row.sname);
                if(row.parentId==0){
                $('#mySelect').combobox("select",row.id)
                }else{
                $('#mySelect').combobox("select",row.parentId)
                }




	        }
	    }];
	   $(function(){

           $('#mySelect').combobox({
               url:"/manager/permission/findAllParent",
               valueField:"id",
               textField:'name',
               multiple:false,
               onSelect:function (newValue) {

               }
           });



           $('#userlist').datagrid({
			title:'权限列表',  
			iconCls:'icon-save',   
			url:'/manager/permission/findAll',
			columns:[
			    [
				{field:'id',title:'权限ID',width:100,align:'center'},
				{field:'name',title:'权限名称',width:100,align:'center'},
				{field:'url',title:'权限URL',width:100,align:'center'},
				{field:'parentPermission',title:'权限所在模块',width:80,align:'center',formatter:function(value,row,index){
				    if(row.parentPermission==null){
				        return "主模块"
                    }else{
                       return row.parentPermission.name
                    }

                    }},
				{field:'sname',title:'权限操作名称',width:200,align:'center'}
			]
            ],
			pagination:true,
			toolbar: toolbar,
            singleSelect:true,
               pageSize: 5,
               pageList: [5,10,20]
		});
		 //初始化查询栏
		 $("#submit_search").linkbutton({ iconCls: 'icon-search', plain: true })
            .click(function () {
                $('#userlist').datagrid({ queryParams:{
                        'name':$('#name').val(),
                        'sname':$('#sname').val()
                }


                });   //点击搜索
            });
          
          //初始化修改窗口  
         $('#dd').dialog({
			    title: 'My Dialog',
			    width: 700,
			    height: 500,
			    closed: true,
			    cache: false,
			    href: '',
			    modal: true,
			    iconCls: 'icon-save',
                buttons: [{
                    text:'提交',
                    iconCls:'icon-ok',
                    handler:function(){
                        $('#ff').submit();
                        alert('ok');
                    }
                },{
                    text:'关闭',
                    handler:function(){
                        alert('cancel');;
                    }
                }]
			});
            
	   });

	</script>
</head>
<body>
   <form name="searchform" method="post" action="" id ="searchform">
    <td width="70" height="30"><strong>权限查询：</strong></td>
    <td height="30">
        <input type="text" name="keyword"id="name" size=20 placeholder="模块名称"/>
        <input type="text" name="keyword" id="sname" size=20 placeholder="权限名称"/>
        <a id="submit_search">搜索</a>
    </td>
  </form>
  <table id="userlist"></table>
    <div id="dd">
           <div align="center" style="margin-top: 30px">
            <form id="ff" method="post" th:action="@{/manager/permission/modifyPermission}">
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="id" id="id" style="width:50%" data-options="label:'权限ID:'" readonly="readonly"/>
            </div>
             <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="url" id="permissionUrl" style="width:50%" data-options="label:'权限url:'" readonly="readonly"/>
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="name" id="permissionName" style="width:50%" data-options="label:'权限名称:',required:true">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="sname" id="permissionSname" style="width:50%" data-options="label:'操作名称:',required:true,validType:'email'">
            </div>
            <div style="margin-bottom:20px">
                <select class="easyui-combobox" id="mySelect" name="myParentId" label="所属模块:" style="width:50%" data-options="multiple:true" >
		            <option >请选择模块</option>
		        </select>
            </div>
        </form>
           </div>
    </div>
</body>
</html>